<div id="rendered-content">
{foreach name="lists" item="item"}
<section style="margin: 10px 0;text-align: center">
    {$item.split}
    {foreach name="item.tips" item="item2"}
    <p style="margin:10px 0 20px">{$item2}</p>
    {/foreach}
</section>

<section style="display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center; border-radius: 10px; box-sizing: border-box; overflow-wrap: break-word !important; visibility: visible;">
{foreach name="item.imgs" item="item2"}
<section style="box-sizing: border-box; width: 48%;margin-bottom: 20px; border-radius: 10px; max-width: 100% !important; overflow-wrap: break-word !important; visibility: visible;"><img style="box-sizing: border-box; vertical-align: inherit; border-radius: 10px; width: 100%; height: auto !important; overflow-wrap: break-word !important; max-width: 100% !important; visibility: visible !important;"   src="{$item2}" alt="图片"></section>
{/foreach}
</section>

{/foreach}
</div>